<template>
  <div class="test">
    <TheQueryForm :option="searchOption"></TheQueryForm>
  </div>
</template>

<script>
import TheQueryForm from "@/components/TheQueryForm/Index.vue";
import {apiTSysDictionariesList} from '@/api/system/test'
export default {
  components: { TheQueryForm },
  data() {
    return {
      searchOption: [
        {
          field: "code",
          txt: "入库单号",
          placeholder: "请输入入库单号",
          required: false,
          rules: [],
          type: "Input",
          defaultValue: ""
        },
        {
          type: "Select",
          field: "dataType",
          txt: "入库类型",
          placeholder: "请选择入库类型",
          required: false,
          rules: [],
          options: [],
          optionsKey:'name',
          optionsValue:'lisi',
          api: apiTSysDictionariesList,
          params: { type: "in_library_type", level: 2 },
          defaultValue: ""
        },
        {
          type: "Select",
          field: "status",
          txt: "状态",
          placeholder: "请选择状态",
          required: false,
          rules: [],
          options: [
            { label: "未完成", value: "0" },
            { label: "已完成", value: "1" }
          ],
          defaultValue: ""
        },
        {
          field: "time",
          txt: "入库日期",
          placeholder: "请选择",
          required: false,
          rules: [],
          type: "DatePicker"
        },
        {
          field: "time",
          txt: "入库日期",
          placeholder: "请选择",
          required: false,
          rules: [],
          type: "DatePickerRange"
        }
      ]
    };
  },
  mounted() {},
  methods: {}
};
</script>
<style scoped lang='scss'>
.test{
    padding: 20px;
}
</style>